@charset "utf-8";
@font-face{font-family:'TencentSansw3';src:url('../font/TencentSans-W3.eot');src:url('../font/TencentSans-W3.eot?#font-spider') format('embedded-opentype'),url('../font/TencentSans-W3.woff') format('woff'),url('../font/TencentSans-W3.ttf') format('truetype'),url('../font/TencentSans-W3.svg') format('svg');font-weight:normal;font-style:normal;}
*{margin:0;padding:0;text-decoration:none;outline:none;list-style-type:none;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;position:relative;}
a,button{cursor:pointer;}
img{border:0;}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{padding:0;margin:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline;}
.left,.fl{float:left;}
.right,.fr{float:right;}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
.clear{clear:both;overflow:hidden;}
body{min-width:1200px;-webkit-font-smoothing:auto;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans CN",sans-serif;background-color:#fff;min-height:100%;position:relative}
.wrap{width:1200px;margin:0 auto;}
.xuanzhuan{transition:transform 1.2s ease;-ms-transition:transform 1.2s ease;-o-transition:transform 1.2s ease;-webkit-transition:transform 1.2s ease;-moz-transition:transform 1.2s ease}
.xwwrap:hover .xuanzhuan{transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}
.gray-bg{background-color:#fbfbfb;}
*,:after,:before{outline:0!important;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;}
/*头部*/
.wei-zhi{position:fixed;top:0;right:0;left:0;z-index:1030;background:#fff;padding:7px 0;-webkit-transition:.5s all ease;transition:.5s all ease;}
.header{height:72px;background:#ffffff;box-shadow:0 4px 20px rgba(44,114,255,.05);z-index:99;}
.header-wrap{width:1200px;margin:0 auto;}
.header .logo{position:absolute;left:0px;top:25px;display:block;height:22px;width:168px;}
.header .logo h1{display:block;height:22px;width:168px;text-indent:-9999px;overflow:hidden;background-image:url(../images/logo.png);background-size:100% 100%;}
.header-nav{position:absolute;right:170px;top:0px;display:block;}
.menu-shrink{background-color:#fff;padding-top:0px;padding-bottom:0px;-webkit-box-shadow:0 0 20px 0 #dddddd8c;box-shadow:0 0 20px 0 #dddddd8c;}

.menu_list{display:block;opacity:1;transition:opacity 0.3s linear;transform:translate(0px,0);}
.menu_list .menu_item{float:left;position:relative;}
.menu_list .menu_item .txt{display:block;height:72px;line-height:72px;padding:0 35px;font-size:16px;color:#2b2e2e;font-weight:bold;opacity:0.95;-webkit-transition:color 0.3s linear;position:relative;z-index:2;}
.menu_list .menu_item .txt:hover{opacity:1;}
.menu_list .menu_item .txt:after{display:block;content:"";height:4px;width:40%;position:absolute;bottom:19px;left:28%;background:#194ac3;opacity:0;-webkit-transition:transform 0.2s ease-out,opacity 0.2s ease-out;transform-origin:50% 0%;transform:scale(0.01,1);}
.menu_list .menu_item .txt:before{display:none;content:"";height:400px;width:100%;position:absolute;top:19px;left:-10px;background:#194ac3;opacity:1;}
.menu_list .menu_item:hover .txt:after{transform:scale(1,1);opacity:1;}
.sub_list{display:none;position:absolute;width:160px;left:50%;margin-left:-80px;text-align:center;z-index:2;background:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;box-shadow:0 4px 20px rgba(0,116,255,.05);}
.sub_list li a{display:block;font-size:16px;color:#2b2e2e;opacity:0.7;padding:13px 0;}
.sub_list li a:hover{opacity:1;color:#68779c;font-weight:700;background-color:#f5f9ff;}
.sub_list li:last-child a:hover{border-bottom-left-radius:12px;border-bottom-right-radius:12px;}
.lang_area{display:block;position:absolute;right:0px;top:25px;}
.lang_area a{display:inline-block;font-size:16px;color:#2b2e2e;font-family:"PingFangSC-Regular";opacity:0.7;cursor:pointer;}
.lang_area a:hover{opacity:0.95;}
.lang_area a.current{opacity:1;}
.lang_area .s_line{display:inline-block;font-size:12px;margin:0px 3px;position:relative;top:-2px;opacity:0.7;}

/*图文*/
.banner{position:relative;overflow:hidden;}
.banner .bd{position:relative;z-index:0;}
.banner .bd ul{width:100% !important;}
.banner .bd li{width:100% !important;height:600px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.banner .bd li .siteWidth{width:1200px;position:relative;margin:0 auto;height:600px;}
.banner .bd li a{height:600px;display:block;}
.banner .bd .txt{position:absolute;width:415px;top:100px;left:22px;font:normal 18px/30px "Microsoft YaHei";}
.banner .bd .btn{display:block;zoom:1;margin-top:8px;width:72px;padding-right:10px;height:31px;line-height:31px;text-align:center;color:#fff;font-size:12px;background:url(images/banner-btn.png) 0 0 no-repeat;_background:url(images/banner-btn-ie6.png) 0 0 no-repeat;}
.banner .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;text-align:center;}
.banner .hd ul li{width:36px;height:14px;background:none;position:relative;margin:0 6px;display:inline-block;border-radius:100%;opacity:.2;cursor:pointer;line-height:100px;}
.banner .hd ul li:before{content:"";position:absolute;width:100%;height:4px;border-radius:50px;background-color:#fff;left:0;bottom:0;}
.banner .hd ul .on{filter:alpha(opacity=100);opacity:1;}

/**/
.descript_area{display:block;width:100%;}
.descript_area .txt{text-align:center;font-size:24px;color:#5f6464;line-height:54px;padding:105px 0 74px;font-family:'TencentSansw3';}

.details_area{display:block;width:100%;margin-bottom:84px;}
.details_con{display:block;width:1200px;margin:0px auto;height:250px;}
.detail_list{display:block;height:250px;}
.detail_list li{display:inline-block;float:left;height:100%;width:386px;text-align:center;margin-right:20px;position:relative;overflow:hidden;}
.detail_list li a{display:block;height:100%;width:100%;}
.detail_list li a:after{display:block;content:"";height:100%;width:100%;background:rgba(0,82,217,0.7);position:absolute;left:0px;top:0px;z-index:2;opacity:0;transition:opacity 0.3s ease-out;}
.detail_list li p{display:block;float:left;font-size:30px;height:40px;text-align:center;position:absolute;left:50%;top:50%;margin-top:-20px;z-index:3;color:#fff;border-bottom:1px solid rgba(255,255,255,0);transform:translate(-50%,0);padding-bottom:3px;transition:border-bottom 0.3s ease-out;font-family:'TencentSansw7';padding-bottom:5px;-webkit-transition:width 1s linear;}
.detail_list li p:after{content:' ';width:0;height:2px;background:#fff;bottom:-2px;left:0;position:absolute;opacity:0;-webkit-transition:all 0.2s linear;}
.detail_list li img{display:block;height:100%;;width:100%;position:absolute;left:0px;top:0px;z-index:1;transform:scale(1);transition:transform 0.3s ease-out;}
.detail_list li.last{margin-right:0px;}
.detail_list li a:hover:after{opacity:1;}
.detail_list li a:hover p:after{opacity:1;left:0;width:100%;}
.detail_list li a:hover img{transform:scale(1.024);}

.part-body{display:flex;box-sizing:border-box;width:1200px;height:100%;margin:0 auto;justify-content:space-between;align-items:center;}
.part-body .part-img{width:684px;height:600px;display:inline-block;}
.part-body .part-img img{width:100%;min-height:600px;}
.part-body .part-content{text-align:left;display:inline-block;}
.part-body .part-content .part-target{margin-bottom:16px;font-size:16px;color:#ffa601;line-height:1;}
.part-body .part-content .part-title{position:relative;margin-bottom:28px;padding-bottom:30px;font-size:36px;color:#0b1531;font-weight:500;letter-spacing:1.5px;}
.part-body .part-content .part-title:after{content:'';display:inline-block;position:absolute;left:0;bottom:0;width:40px;height:6px;background-color:#ffa601;border-radius:3px;}
.part-body .part-content .part-content{display:inline-block;width:470px;margin-bottom:32px;font-size:16px;line-height:2;color:#6b7799;}
.new-btn{display:inline-block;*display:inline;*zoom:1;box-sizing:border-box;border-radius:29px;background-color:#296bef;box-shadow:0 1px 0 rgba(44,114,255,.08),0 6px 12px rgba(44,114,255,.18);cursor:pointer;color:#fff;font-size:16px;padding:0 32px;height:48px;line-height:48px;text-align:center;text-decoration:none;outline:0;transition:all .4s ease;}

/*优势*/
.youshiwrao{background:#00C2DE;color:#fff;padding:35px 0;text-align:center;}
.youshiwrao .title{font-size:32px;line-height:1;color:#fff;font-weight:500;letter-spacing:1.5px;}
.youshiwrao .title-d{font-size:16px;color:rgba(255,255,255,.9);margin:15px auto;}
.youshiwrao .youshi-l li{float:left;width:25%;text-align:center;}
.youshiwrao .youshi-l .youshi-lw{margin:20px;}
.youshiwrao .youshi-l li img{width:100px;}
.youshiwrao .youshi-it{font-size:20px;font-weight:600;margin:10px 0;}
.youshiwrao .youshi-id{font-size:15px;font-weight:400;line-height:20px;color:rgba(255,255,255,.9);}
.youshiwrao .youshi-lct{margin-top:20px;}

/*客户*/
.kehuwrap{text-align:center;padding:55px 0;}
.kehuwrap .title{font-size:32px;line-height:1;font-weight:500;letter-spacing:1.5px;}
.kehuwrap .title-d,.kehuwrap .title-d a{font-size:16px;color:rgba(0,0,0,.5);margin:15px auto;}
.titlesub{font-size:32px;line-height:1;font-weight:500;letter-spacing:1.5px;}
.titlesub-d,.titlesub-d a{font-size:16px;color:rgba(0,0,0,.5);margin:15px auto;}

.kehuwrap .title-d a:hover{color:rgba(0,0,0,1);}
.kehu-it{margin-top:50px;padding:1px 0 0 1px;overflow:hidden;}
.kehu-it ul li{width:20%;float:left;border:1px solid #f5f5f5;margin:-1px 0 0 -1px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.kehu-it ul li span{display:block;width:100%;padding-top:46%;overflow:hidden;position:relative;}
.kehu-it ul li img{width:100%;max-height:100%;display:block;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;margin:auto;-moz-transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;-ms-transition:all 0.6s ease;transition:all 0.6s ease;}
.kehu-it ul li:hover img{transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);-webkit-transform:scale(1.03);}
.kehu-it ul li span:before,.kehu-it ul li span:after{position:absolute;z-index:5;content:"";display:block;border:5px solid transparent;width:0;height:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.kehu-it ul li span:before{bottom:0;right:0;-webkit-transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;}
.kehu-it ul li span:after{top:0;left:0;-webkit-transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.kehu-it ul li:hover span:before{width:100%;height:100%;border-bottom-color:#f5f5f5;border-left-color:#f5f5f5;-webkit-transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
.kehu-it ul li:hover span:after{width:100%;height:100%;border-top-color:#f5f5f5;border-right-color:#f5f5f5;-webkit-transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;}


/*留言电话*/
.zhidianwrap{background:#276bef;padding:80px 0;}
.zhidian-ly{float:left;width:715px;border-right:1px solid rgba(255,255,255,.1);}
.zhidian-ly-wrap{width:525px;margin-left:38px;}
.zhidian-title{font-size:32px;line-height:1;color:#fff;font-weight:500;letter-spacing:1.5px;text-align:center;}
.zhidian-desc{padding:16px 0 52px;font-size:16px;color:rgba(255,255,255,.6);text-align:center;}
.radio-block{margin-bottom:24px;color:#fff;text-align:center;font-size:16px;}
.radio-block .radio{position:relative;display:inline-block;margin:0 24px;}
.radio-block .radio .radio-label{color:#fff;cursor:pointer;}
.radio-block .radio .radio-label:before{content:'';border-radius:100%;border:2px solid #6b9bff;box-sizing:border-box;display:inline-block;width:20px;height:20px;position:relative;margin-right:12px;vertical-align:top;text-align:center;transition:all 250ms ease;color:#89b8ff;}
.radio-block .radio .radio-label.checked:before{border:2px solid #fff;}
.radio-block .radio .radio-label.checked:after{content:'';position:absolute;top:4px;left:4px;width:12px;height:12px;border-radius:50%;background-color:#ffa601;}
.input-i{margin-bottom:20px;}
.input-i input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:rgba(255,255,255,.6);font-size:16px;}
.input-i input:-moz-placeholder,textarea:-moz-placeholder{color:rgba(255,255,255,.6);font-size:16px;}
.input-i input::-moz-placeholder,textarea::-moz-placeholder{color:rgba(255,255,255,.6);font-size:16px;}
.input-i input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#666;font-size:16px;}
.input-i input{font-size:16px;color:#fff;width:240px;height:48px;line-height:48px;box-sizing:border-box;border-radius:30px;border:2px solid #6b9bff;padding:0 10px 0 16px;transition:border-color .4s;background-color:transparent;margin-right:20px;}
.input-i input:focus{border-color:#fff;color:#fff;}
.input-i input.disabled{color:#89b8ff;cursor:not-allowed;pointer-events:none;border:2px solid #6b9bff;background-color:#4c89ff;}
.input-i .yzm{position:absolute;right:39px;top:8px;width:90px;height:33px;cursor:pointer;}
.input-i .inp-post{display:inline-block;margin-top:20px;width:439px;height:48px;line-height:48px;font-size:16px;border-radius:29px;box-shadow:0 1px 0 rgba(44,114,255,.08),0 6px 12px rgba(44,114,255,.18);cursor:pointer;padding:0 32px;text-align:center;text-decoration:none;transition:all .4s ease;color:#296bef;background-color:rgba(255,255,255,.8);}
.input-i .inp-post:hover{transition:all .9s ease;color:#296bef;background-color:rgba(255,255,255,1);}
.zhidian-dh{float:right;}
.zhidian-dh .title{font-size:32px;line-height:1;color:#fff;font-weight:500;letter-spacing:1.5px;}
.zhidian-dh .word{padding:16px 0 52px;font-size:16px;color:rgba(255,255,255,.6);text-align:center;}
.zhidian-dh .icon-hi{display:inline-block;width:165px;height:170px;background-image:url(../images/hi.png);background-repeat:no-repeat;background-size:165px auto;}
.zhidian-dh .phone-number{font-size:40px;color:#fff;margin:52px 0 15px 0;font-family:Roboto;line-height:1;}
.zhidian-dh .time{color:rgba(239,241,243,.6);font-size:16px;}

/*页脚*/
.footer{background-color:#0b1531}
.footer-top{text-align:justify;line-height:0;font-size:0;padding:65px 0 28px}
.footer-top:after{content:'';display:inline-block;width:100%;height:0}
.footer-kmtad,.fd-logo,.fd-nv{display:inline-block;vertical-align:top}
.fd-logo{width:100px}
.fd-logo img{max-width:100%;}
.footer-top h3{font-size:16px;line-height:1;font-weight:400;color:#7d8bb3}
.fd-nv a{font-size:16px;line-height:1;font-weight:400;color:#7d8bb3;}
.fd-nv .con{padding:20px 0 0}
.fd-nv .con a{display:block;font-size:16px;line-height:40px;color:#4d5a80}
.fd-nv .con a:hover{color:#296bef}
.footer-kmtad .img{margin:30px auto 0;width:120px;height:120px}
.footer-kmtad .img img{display:block;width:100%;height:100%}
.fd-bot{overflow:hidden;padding:20px 0;border-top:1px solid #242d47}
.fd-link{float:left}
.fd-link a{color:#4d5a80;margin-right:10px}
.fd-link a:hover{color:#296bef}
.copyright{float:right;color:#4d5a80}

/*联系我们*/
.bannei{width:100%;height:520px;overflow:hidden;}
.bannein{width:1200px;height:100%;margin:0 auto;position:relative;text-align:center;}
.bannein p{font-size:30px;color:#fff;padding-top:135px;}
.bannein span{font-size:18px;color:#fff;padding-top:40px;display:block;letter-spacing:1px;}
.m_subtopic{height:70px;width:100%;background-color:#ffffff;border-top:1px solid #e0eaff;border-bottom:1px solid #e0eaff;position:relative;z-index:1;box-shadow:0 3px 16px rgba(0,116,255,.05);}
.m_subtopic .subtopic_list{font-size:0;overflow:hidden;height:70px;text-align:center;}
.m_subtopic .subtopic_list li{display:inline-block;height:70px;line-height:70px;padding:0 20px;background:url(../images/side_bjx.png) no-repeat right center;font-size:18px;}
.m_subtopic .subtopic_list li:last-child{background:none;}
.m_subtopic .subtopic_list li a{display:block;padding:0 20px;height:70px;border-bottom:2px solid #ffffff;font-size:18px;color:#68779c;font-weight:400;}
.m_subtopic .subtopic_list li a.on::before{width:35%;}
.m_subtopic .subtopic_list li a:hover,.m_subtopic .subtopic_list li a.on{color:#296bef;font-weight:700;}
.gsjs-i:before{content:"";position:absolute;left:0;right:100%;bottom:0;height:6px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.m_subtopic .subtopic_list li a.gsjs-i::before{background:#296bef;-webkit-transition-duration:.5s;transition-duration:.5s;}
.gsjs-i{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}
.gsjs-i:before{content:"";position:absolute;z-index:-1;left:32%;right:100%;bottom:0;height:6px;border-radius:3px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.gsjs-i:active:before,.gsjs-i:focus:before,.gsjs-i:hover:before{right:30%;}

.lxwmwrap{background:#f5f5f5;padding:0px 0 50px 0;}
.g_content .allmap{padding:10px;background-color:#ffffff;position:relative;-moz-box-shadow:0px 0px 20px rgba(127,128,130,0.2);-webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.2);box-shadow:0px 0px 20px rgba(127,128,130,0.2);height:500px;}
.ditupic{width:1180px;height:500px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.g_content .allmap .text{position:absolute;background-color:rgba(255,255,255,0.9);padding:40px 30px;width:265px;top:90px;left:0;-moz-box-shadow:10px 0px 20px rgba(127,128,130,0.4);-webkit-box-shadow:10px 0px 20px rgba(127,128,130,0.4);box-shadow:10px 0px 20px rgba(127,128,130,0.4);}
.g_content .allmap .text .tt{color:#2c88d8;font-size:24px;background:url(../images/contact_ico1.png) no-repeat -5px -85px;padding-left:15px;height:35px;margin-bottom:20px;}
.g_content .allmap .text .dt,.g_content .allmap .text .gj{color:#333333;font-size:18px;background:url(../images/contact_ico1.png) no-repeat left -181px;padding-left:30px;margin-bottom:10px;}
.g_content .allmap .text .gj{background:url(../images/contact_ico1.png) no-repeat left 1px;}
.g_content .allmap .text .xt{border-bottom:1px dashed #CACACA;width:100%;height:1px;margin:20px 0;}
.g_content .allmap .text .route{font-size:14px;line-height:32px;color:#6b7799;}
.g_content .g-text{padding:60px 0;width:100%;height:205px;}
.g_content .g-text .left{width:599px;border-right:1px solid #DCDCDC;height:205px;float:left;}
.g_content .g-text .left .g-img{line-height:205px;height:205px;width:75px;margin-left:10px;}
.g_content .g-text .left .text{height:205px;color:#333333;width:500px;}
.g_content .g-text .left .text .tt{font-size:24px;margin-top:30px;}
.g_content .g-text .left .text .address{font-size:16px;margin-top:25px;padding-left:25px;background:url(../images/contact_ico2.png) no-repeat left -353px;}
.g_content .g-text .left .text .info{color:#666666;font-size:14px;margin-top:25px;}
.g_content .g-text .left .text .info span{display:inline-block;height:25px;padding-left:25px;background:url(../images/contact_ico2.png) no-repeat left -265px;margin-bottom:20px;width:170px;}
.g_content .g-text .left .text .info span:nth-child(2){background-position:left -86px;}
.g_content .g-text .left .text .info span:nth-child(3){background-position:left -176px;}
.g_content .g-text .left .text .info span:nth-child(4){background-position:left 5px;}
.g_content .g-text .right{width:540px;padding-left:60px;height:205px;float:left;}
.g_content .g-text .right .text{height:205px;float:left;width:380px;}
.g_content .g-text .right .text .tt{color:#888888;font-size:18px;margin-top:30px;}
.g_content .g-text .right .text .tel{color:#2c88d8;font-size:46px;font-weight:bold;margin-top:0px;margin-bottom:20px;}
.g_content .g-text .right .text .info{color:#666666;margin-top:14px;}
.g_content .g-text .right .text .info span{display:inline-block;padding-left:25px;height:25px;width:150px;margin-bottom:20px;margin-right:15px;background:url(../images/contact_ico2.png) no-repeat left -445px;}
.g_content .g-text .right .text .info span a{color:#666666;font-size:15px;}
.g_content .g-text .right .g-img{float:right;height:205px;width:140px;}
.g_content .g-text .right .g-img .code{background-color:#ffffff;text-align:center;margin-top:25px;-moz-box-shadow:0px 0px 20px rgba(127,128,130,0.4);-webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.4);box-shadow:0px 0px 20px;}

/*介绍*/
.mod-s-con{box-sizing:border-box;padding:50px 0;}
.mess-text{width:500px;padding-right:125px;float:left;}
.mess-text h3{font-size:25px;line-height:36px;margin-bottom:24px;color:#2a2e2e;font-family:'TencentSansw7';}
.mess-text .desc{font-size:15px;line-height:32px;color:#6b7799;}
.product-box{overflow:hidden;}
.product-box .box{width:100%;min-height:226px;text-align:center;box-sizing:border-box;-webkit-transition:background-color 0.2s linear;background-position:center;background-repeat:no-repeat;background-size:cover;}
.mod-r .mess-text{float:right;padding-left:125px;padding-right:0px;}
/*发展历程*/
.timewrap{position:relative;width:1000px;margin:35px auto;background:url(../images/about_bg.jpg) no-repeat;background-size:cover;}
.about_content{width:60%;margin:0 auto;}
.about_content h2,.about_content h3{text-align:center;font-weight:bold;color:#000;}
.about_content h2{font-size:25px;margin-bottom:50px;}
.about_content p{font-size:16px;color:#000;line-height:180%;margin-bottom:20px;text-align:center;}
.about_content.history{text-align:center;position:relative;}
/*大事记start*/
.event_box{width:100%;margin:3% auto 0;position:relative;min-height:350px;}
.event_box .parHd{width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#580000;position:absolute;right:8%;top:25px;z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:25px;margin-left:-12px;}
.parBd{text-align:center;margin-top:60px;}
.parBd h4{position:relative;font-size:25px;margin-bottom:3%;padding:0 60px;display:inline-block;text-align:center;}
.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{font-size:16px;width:80%;margin:0 auto;line-height:32px;color:#7f7f7f;}
div#listBox{width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left:13px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}

/*案例-团队*/
.newcase-body{font-size:0;width:1200px;display:flex;flex-wrap:wrap;}
.newcase-body .newcase-card-wrap{display:inline-block;width:33.333%;}
.newcase-body .newcase-card{margin-bottom:30px;margin-left:15px;overflow:hidden;display:inline-block;width:370px;position:relative;box-sizing:border-box;border:1px solid #e6e8ed;border-radius:8px;cursor:pointer;transition:all .5s;background-color:#fff;}
.newcase-body .newcase-card .newcase-img{margin-bottom:24px;width:100%;overflow:hidden;height:200px;border-top-left-radius:8px;border-top-right-radius:8px;-webkit-transform:translateZ(1px);transform:translateZ(1px);}
.newcase-body .newcase-card .newcase-img img{width:100%;min-height:200px;-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:all .2s linear 0s;}
.newcase-body .newcase-card .newcase-bottom{padding:0 24px 24px 24px;color:#313233;}
.newcase-title{margin-bottom:8px;font-size:20px;line-height:28px;font-weight:700;color:#313233;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newcase-body .newcase-card .newcase-bottom .newcase-content{margin-bottom:36px;font-size:16px;line-height:24px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;color:#313233;-webkit-box-orient:vertical;word-break:break-all;}
.newcase-body .newcase-card .newcase-bottom .newcase-tag{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;left:24px;right:24px;bottom:24px;color:#939599;}
.newcase-body .newcase-card .newcase-bottom .newcase-tag .newcase-tagname{display:inline;margin-right:6px;padding-right:6px;line-height:1;height:14px;position:relative;}
.btn-erea{padding-top:30px;text-align:center;}
.btn-whiteborder{display:inline-block;*display:inline;*zoom:1;box-sizing:border-box;border-radius:29px;background-color:#296bef;box-shadow:0 1px 0 rgba(44,114,255,.08),0 6px 12px rgba(44,114,255,.18);cursor:pointer;color:#fff;font-size:16px;padding:0 32px;height:48px;line-height:48px;text-align:center;text-decoration:none;outline:0;transition:all .4s ease;color:#6b7799;background-color:transparent;border:2px solid #e0eaff;box-shadow:none;line-height:46px;}
.btn-whiteborder:hover{color:#296bef;border:2px solid #296bef;background-color:transparent}

/**/
.source-bg{height:486px;background-color:#fff;}
.source-bg .sourceinfo-body{display:flex;justify-content:space-between;width:1200px;margin:0 auto;padding-top:32px;}
.source-bg .sourceinfo-body .info-body{padding-top:32px;color:#333;}
.source-bg .sourceinfo-body .info-body .info-title{margin-bottom:16px;font-size:40px;font-weight:500;letter-spacing:2px;color:#0b1531;}
.source-bg .sourceinfo-body .info-body .info-content{display:inline-block;width:470px;margin-bottom:45px;font-size:16px;line-height:1.8;color:#6b7799;letter-spacing:1px;}
.source-bg .sourceinfo-body .info-body .btn-info{height:58px;line-height:58px;border-radius:29px;width:150px;font-size:18px;font-weight:400;}
.source-bg img{width:578px;}
/*案例选择*/
.selectmainbody{margin-bottom:45px;}
.selectmainbody input{background-color:transparent;-webkit-appearance:none;}
.m-menu-select{position:relative;z-index:2;height:56px;border-bottom:1px solid #e7e9ed}
.m-menu-select .l-con{float:left}
.m-menu-select .l-con .ul-select{height:56px}
.m-menu-select .l-con .ul-select li{float:left;line-height:54px;margin-right:32px;position:relative}
.m-menu-select .l-con .ul-select li a{font-size:16px;color:#626366;display:inline-block;padding-right:18px;background-size:16px auto}
.m-menu-select .l-con .ul-select li a:after{content:"";width:17px;height:17px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:url(../images/zp1.png) no-repeat center center/contain;transition:all .3s}
.m-menu-select .l-con .ul-select li:hover a{color:#296bef}
.m-menu-select .l-con .ul-select li:hover a:after{-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);background-image:url(../images/zp1h.png)}
.m-menu-select .l-con .ul-select li .child{position:absolute;top:99%;left:0;width:auto;padding-top:10px;display:none}
.m-menu-select .l-con .ul-select li .child .child-body{max-height:398px;overflow-y:auto;overflow-x:hidden;width:175px;background:#fff;box-shadow:0 3px 5px 0 rgba(84,85,88,.1);border-radius:6px;border:1px solid #dfe1e6;padding:8px 0;box-sizing:border-box}
.m-menu-select .l-con .ul-select li .child .child-body .js-checkall-table:hover .js-checkall{background-color:#f2f4f7}
.m-menu-select .l-con .ul-select li .child .child-body .js-checkall{cursor:pointer;font-size:0;padding:0 16px;height:38px;line-height:38px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;width:175px;box-sizing:border-box}
.m-menu-select .l-con .ul-select li .child .child-body .js-checkall text{font-size:14px;color:#313233;display:inline-block;vertical-align:middle}
.m-menu-select .l-con .ul-select li .child .child-body .js-checkall label{cursor:pointer;display:inline-block;vertical-align:middle;width:16px;height:16px;border:1px solid #dfe1e6;border-radius:4px;margin-right:8px;}
.m-menu-select .l-con .ul-select li .child .child-body .js-checkall.checked label{background:#fff url(../images/zp3.png) center center no-repeat;background-size:18px auto;border-color:#296bef}
.m-menu-select .l-con .ul-select li .child .child-body .js-checkall:hover{background-color:#f2f4f7}
.m-menu-select .l-con .ul-select li .child .child-body .r-con{min-height:398px;position:absolute;left:175px;top:10px;display:none;float:left;width:175px;background-color:#fff;border-radius:0 6px 6px 0;border:1px solid #dfe1e6;box-shadow:3px 3px 5px 0 rgba(84,85,88,.1);padding:8px 0;box-sizing:border-box}
.m-menu-select .l-con .ul-select li .child .child-body .js-checksingle{height:38px;line-height:38px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 16px}
.m-menu-select .l-con .ul-select li .child .child-body .js-checksingle label{display:inline-block;vertical-align:middle;width:16px;height:16px;border:1px solid #dfe1e6;border-radius:3px;margin-right:8px;cursor:pointer}
.m-menu-select .l-con .ul-select li .child .child-body .js-checksingle.checked label{background:#fff url(../images/zp3.png) center center no-repeat;background-size:18px auto;border-color:#296bef}
.m-menu-select .l-con .ul-select li .child .child-body .js-checksingle text{font-size:14px;color:#313233;display:inline-block;vertical-align:middle}
.m-menu-select .l-con .ul-select li .child .child-body .js-checksingle:hover{background-color:#f2f4f7}
.m-menu-select .l-con .ul-select li .child .child-body::-webkit-scrollbar{width:15px;border-radius:9px}
.m-menu-select .l-con .ul-select li .child .child-body::-webkit-scrollbar-track{background:#fff;border-radius:9px}
.m-menu-select .l-con .ul-select li .child .child-body::-webkit-scrollbar-thumb{background:#c4c7cc;border-radius:9px;border:5px solid transparent;background-clip:content-box}
.m-menu-select .l-con .ul-select li .child .child-body::-webkit-scrollbar-thumb:window-inactive{background:#fff}
.m-menu-select .l-con .ul-select li .child:after,.m-menu-select .l-con .ul-select li .child:before{content:"";width:155px;height:8px;position:absolute;bottom:1px;left:7px;background-color:#fff;z-index:5}
.m-menu-select .l-con .ul-select li .child:before{bottom:auto;top:11px}
.m-menu-select .l-con .ul-select li:hover .child{display:block}
.selectedList{display:none;overflow:hidden;margin-top:20px}
.selectedList .label{float:left;color:#939599;font-size:14px;line-height:32px;height:32px;margin-right:16px}
.selectedList .list{overflow:hidden}
.selectedList .list .item{float:left;padding:0 19px;height:30px;line-height:28px;border-radius:100px;border:1px solid #e6e8ed;background-color:#fafafb;margin-bottom:10px;margin-right:10px;position:relative}
.selectedList .list .item i{width:16px;height:16px;vertical-align:middle;background:url(../images/case_close.png) no-repeat center center/contain;cursor:pointer;position:absolute;right:10px;top:50%;margin-top:-8px;opacity:0;transition:all .3s}
.selectedList .list .item span{position:relative;left:0;transition:all .3s}
.selectedList .list .item:hover span{position:relative;left:-10px}
.selectedList .list .item:hover i{opacity:1}
.selectedList .list .js-resetSelected{border:none;color:#296bef;cursor:pointer;background:0 0}

/*列表切换*/
.sourceinfo-detail{padding:80px 0 140px;background-color:#f5f9ff;}
.sourceinfo-detail .detail-body{width:1200px;margin:0 auto 64px;}
.sourceinfo-detail .detail-info{text-align:center;color:#0b1531;}
.sourceinfo-detail .detail-info p{position:relative;padding-bottom:24px;margin-bottom:32px;font-size:36px;font-weight:500;}
.sourceinfo-detail .detail-info p:after{content:'';display:inline-block;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:6px;width:40px;background-color:#ffa601;border-radius:3px;}
.sourceinfo-detail .detail-info .detail-content{display:inline-block;width:764px;font-size:16px;line-height:1.5;letter-spacing:1px;text-align:center;color:#0b1531;}
.purpose-nav{margin-bottom:80px;}
.purpose-nav .purpose-block{width:1200px;margin:0 auto;}
.purpose-nav .purpose-block ul{display:flex;justify-content:center;}
.purpose-nav .purpose-block ul li{position:relative;margin-right:20px;display:inline-block;font-size:0;}
.purpose-nav .purpose-block ul li a{display:inline-block;box-sizing:border-box;padding:15px 20px;color:#68779c;background-color:#fff;text-align:center;overflow:hidden;border-radius:30px;transition:none;border:2px solid rgba(44,114,255,.1);box-shadow:0 3px 16px rgba(0,116,255,.05);font-size:16px;}
.purpose-nav .purpose-block ul li.active a,.purpose-nav .purpose-block ul li:hover a{border:2px solid #ffa601;color:#ffa601;font-weight:500;}
.promotion-pcarea{position:relative;text-align:center;}
.promotion-pcarea .promotion-body{width:auto;margin:0 auto;display:flex;justify-content:center;align-items:center;}
.promotion-pcarea .promotion-body .show-block{display:inline-block;position:relative;width:280px;height:570px;border-radius:38px;background-image:url(../images/new_iphone.png);background-size:280px auto;box-shadow:0 3px 16px rgba(0,116,255,.05);}
.promotion-pcarea .promotion-body .show-block .show-video{position:absolute;display:inline-block;overflow:hidden;width:248px;height:438px;top:65px;left:16px;z-index:2;}
.promotion-pcarea .promotion-body .show-block .video-img{width:100%;height:100%;}
.promotion-pcarea .promotion-body .show-pccontent{margin-left:84px;text-align:left;}
.promotion-pcarea .promotion-body .show-pccontent .scontent-title{margin-bottom:24px;font-size:24px;color:#0b1531;font-weight:500;}
.promotion-pcarea .promotion-body .show-pccontent .scontent-detail{display:inline-block;width:390px;font-size:16px;color:#68779c;line-height:1.8;letter-spacing:1px;}

/**/
.newcase-detail{padding-top:80px;width:785px;text-align:left;margin:0 auto;}
.case-detail .case_article .case_article_title h2{font-size:36px;line-height:1.5;color:#313233;font-weight:700;}
.title-option{height:24px;margin-top:25px;}
.case-detail .case_article .case_article_title span{display:inline-block;font-size:16px;color:#626366;line-height:24px;}
.share{float:right;position:relative;}
.share .qr-btn{display:block;padding-left:22px;background:url(../images/zp4.png) left center no-repeat;cursor:pointer;background-size:16px auto;font-size:14px;color:#939599;}
.share .qr{position:absolute;width:136px;background-color:#fff;padding:15px 15px 13px;top:30px;left:50%;display:none;z-index:29;box-shadow:0 6px 15px 0 rgba(49,50,51,.05),0 3px 5px 0 rgba(49,50,51,.05);border-radius:6px;border:1px solid #dfe1e6;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.share:hover .qr-btn{color:#296bef;background-image:url(../images/zp4h.png)}
.share .qr{position:absolute;width:136px;background-color:#fff;padding:15px 15px 13px;top:30px;left:50%;display:none;z-index:29;box-shadow:0 6px 15px 0 rgba(49,50,51,.05),0 3px 5px 0 rgba(49,50,51,.05);border-radius:6px;border:1px solid #dfe1e6;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.share:hover .qr{display:block}
.share .pic img{display:block;width:100%;margin:0}
.share p{font-size:14px;color:#313233;line-height:1.51;text-align:center}
.case_article_content{color:#000;line-height:28px;padding:0;margin:20px 0px;}
.case_article_content{min-height:250px;}
.case_article_content img,.case_article_content table,.case_article_content iframe{max-width:100% !important;}
.case_article_content table{border-left:1px solid #000;border-top:1px solid #000;border-collapse:collapse;}
.case_article_content table td,.case_article_content table th{border-right:1px solid #000;border-bottom:1px solid #000;}